<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <!-- 文档字符编码：指定页面使用UTF-8编码（支持多语言） -->
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 视口设置：适配移动设备，width=device-width使页面宽度等于设备宽度，initial-scale=1.0禁止初始缩放 -->
  
  <meta name="description" content="这是一个HTML元数据标签的示例页面，展示了常见元数据的用法。">
  <!-- 页面描述：用于搜索引擎展示摘要信息 -->
  
  <meta name="keywords" content="HTML, 元数据, meta标签, 前端开发">
  <!-- 关键词：帮助搜索引擎理解页面主题（部分搜索引擎仍会参考） -->
  
  <meta name="author" content="豆包编程助手">
  <!-- 作者信息：标注页面创作者 -->
  
  <meta name="robots" content="index, follow">
  <!-- 搜索引擎爬虫指令：index允许索引页面，follow允许爬取页面内链接 -->
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 浏览器兼容：指定IE使用最新内核渲染页面 -->
  
  <meta http-equiv="refresh" content="30; url=https://example.com">
  <!-- 自动刷新/跳转：30秒后自动跳转到指定URL（可选功能） -->
  
  <title>HTML元数据标签示例</title>
  <!-- 页面标题：显示在浏览器标签页，是搜索引擎排名的重要因素 -->
</head>
<body>
  <h1>HTML元数据标签演示</h1>
  <p>此页面的元数据信息可通过浏览器开发者工具的"Elements"面板查看。</p>
</body>
</html>